<template>
	<view class="index">
		<view class="banner">
			<image src="../../static/banner.jpg" mode=""></image>
		</view>
		<view class="name">
			<view class="name_img"><image src="../../static/tou.jpg" mode=""></image></view>
			<view class="title">{{title}}</view>
			<view class="title1">{{title1}}</view>
		</view>
	</view>
</template>

<script> 
	export default {
		data() {
			return {
				title: '泰山护理职业学院',
				title1:'成才的摇篮 就业的航船'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	.banner{
		width: 690rpx;
		height: 272rpx;
		border-radius: 10rpx;
		margin:0 auto;
	}
	.banner image{width: 100%;height: 100%;border-radius: 10rpx;}
	.name{text-align: center;position: relative;top:-57rpx;}
	.name_img{width: 115rpx;height: 115rpx;margin:0 auto;}
	.name_img image{width: 100%;height: 100%;border-radius: 50%;box-shadow: 2px 5px 16px 2px rgba(53, 53, 53, 0.22);}
	.name .title{font-size: 30rpx;font-weight: bold;margin-top:18rpx;}
	.name .title1{margin:18rpx auto;width: 332rpx;height: 50rpx;background: #E79BAD;border-radius: 25px;font-size: 26rpx;line-height: 50rpx;color: white;}
</style>
